<ion-view view-title="SFA微讲坛">
    <ion-header-bar class="index_head">
        <button class="button button-icon icon ion-android-arrow-back" ng-click="$ionicGoBack()" style="color: #fff"></button>
        <div class="h1 title"> SFA微讲坛</div>
    </ion-header-bar>
    <ion-content>
        <ion-slide-box on-slide-changed="slideHasChanged($index)" id="silder" ng-if="sniInfo">
            <!--<ion-slide ng-repeat="m in sniInfo" >-->
            <ion-slide ng-repeat="m in sniInfo" ng-click="showBigImg($index);">
                <div class="pptbox blue" style="background-color: red">
                    <img ng-src="{{local}}{{m.picAddress}}?x-oss-process=image/resize,w_750" alt="" class="silimg">
                </div>
            </ion-slide>
        </ion-slide-box>

        <audio  id="audioBox" controls></audio>

        <!--<div class="changebig" ng-click="requestFullScreen()"></div>-->
        <div class="changebig"></div>

        <div class="ly-control row row-no-padding">
            <div class="col" ng-click="prev()">上一页</div>
            <div class="col">{{nowPPTpage}}/{{acInfo.coursePageCount}}</div>
            <div class="col" ng-click="next()">下一页</div>
        </div>

        <div class="audio-title" ng-click="audioPlayPause()">
            <div class="audio-nou row row-no-padding">
                <img ng-src="{{local+acInfo.lecturersPic}}?x-oss-process=image/resize,w_750">
                <div class="img-hask" ng-class="{'stop':isPlay}"></div>
                <div class="ly-cont col" ng-class="{'on' : isPlay}"><i class="kc-bigtitle">{{acInfo.courseTitle}} </i><span>{{nowPPtime?(nowPPtime | secondToSymbol):'00:00:00'}}</span></div>
            </div>
        </div>

        <div class="ly-zt">
            <div class="zt-title">主题 </div>
            <div class="zt-nr">
                {{acInfo.courseTitle}}
            </div>
        </div>
        <div class="ly-zt">
            <div class="zt-title">讲师：{{acInfo.lecturersName}}<span ng-click="showWeiXinImg()">我想加入微信群与老师互动</span></div>
            <div class="zt-nr">
                {{acInfo.lecturersDesc}}
            </div>
            <div class="text-right" style="color: #F95557;margin-top: 10px;" ui-sref="drainList({id:acInfo.partnerId})"  ng-if="acInfo.displayPartnerFlag == 1">{{acInfo.partnerCompanyDisplayName}} <span ng-if="acInfo.partnerCompanyDisplayName">></span></div>
        </div>
        <div class="ly-zt" style="border: none">
            <div class="zt-title">课程介绍<span class="re-list" ui-sref="kcList">返回课程列表页</span></div>
            <div class="zt-nr">
                {{acInfo.courseDesc}}
            </div>
        </div>


        <div class="tan-box" ng-show="!isCourseStart">
            <div class="bg-hask"></div>
            <div class="tan-cont">
                <div class="tan-np">
                    <h5>课程未开始</h5>
                    <p>上课时间: <span class="red">{{acInfo.shelvesTime | date:'yyyy-MM-dd HH:mm:ss'}}</span></p>
                    <!--<p ng-if="!isWeChat"> 微信关注：“金策师公众号”(非微信打开显示)</p>-->
                    <!--<p ng-if="!isWeChat" style="margin-bottom: 10px">查看更多咨询(非微信打开显示)</p>-->
                    <p>关注公众号 查看更多资讯 扫码识别</p>
                    <img  src="https://static-superfa-cn.alikunlun.com/upload/bann/20160824/1472019810996253920.jpg_400x400">
                </div>
                <div class="is-ok red" ui-sref="kcList">确定</div>
            </div>
        </div>

        <div class="tan-box" ng-show="playOver">
            <div class="bg-hask"></div>
            <div class="tan-cont">
                <div class="tan-np">
                    <h4 style="margin-top: 0" ng-show="acInfo.coursePageCount > nowPPTpage" >此页播放完毕</h4>
                    <h4 style="margin-top: 0" ng-show="acInfo.coursePageCount == nowPPTpage" >此页为最后一页</h4>
                </div>
                <div class="is-ok row row-no-padding">
                    <div class="col" style="border-right: 1px #999 solid" ng-click="next()" ng-show="acInfo.coursePageCount > nowPPTpage">听下一页</div>
                    <div class="col" style="border-right: 1px #999 solid" ng-click="playOver = false" ng-show="acInfo.coursePageCount == nowPPTpage">关闭</div>
                    <div class="col" ng-click="rePlay()">重听此页</div>
                </div>
            </div>
        </div>

        <!--<div class="tan-box" ng-show="showBigImg" ng-click="showBigImg=false">-->
            <!--<div class="bg-hask" style="opacity: 1"></div>-->
            <!--<div class="tan-cont" style="left: 0; margin-left: 0;border-radius: 0">-->
                <!--<img src="{{local}}{{sniInfo[nowPPTpage-1].picAddress}}" style="">-->
            <!--</div>-->
        <!--</div>-->
    </ion-content>
    <div class="tan-box" ng-show="showWeiXin">
        <div class="tan-cont">
            <div class="tan-np">
                <p>扫描二维码 加群主微信</p>
                <img ng-src="{{requrl}}{{acInfo.wechatGroupQrcode}}?x-oss-process=image/resize,w_750">
            </div>
            <div class="is-ok red" ng-click="showWeiXinImg()">确定</div>
        </div>
        <div class="bg-hask"></div>
    </div>

    <div class="tan-box" ng-show="!isLogin && isCourseStart">
        <div class="bg-hask"></div>
        <div class="down-btn" ng-click="login()">我要听课</div>
    </div>

</ion-view>